<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>公用js</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/bootstarp.min.css">
</head>

<body>
  
  <div>公用js</div>
  <div id="divNow"></div>

  <span class="btn btn-primary">按钮1</span>
  <span class="btn btn-danger">按钮2</span>

  <input type="text" class="form-control" placeholder="输入框">
  <hr>
  <span id="btnDialong" class="btn btn-info">打开对话框</span>


  <!-- 对话框演示 -->
<div class="modal fade" id="mymodal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <!-- 标题 -->
        <h1 class="modal-title fs-5" id="exampleModalLabel">发布新闻</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <!-- 对话框的内容 -->
        <div>hhh
          <br>
          bbbb
        </div>
        
      </div>
      <div class="modal-footer">
        <!-- 下方功能按钮2 -->
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

<!-- 导入公用的js -->
<script src="./js/common.js"></script>

<script src="./js/bootstarp.min.js"></script>

  <script src="./js/h2.js"></script>

</body>

</html>